<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>投资计划管理信息系统</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/index.css" />
    <link rel="stylesheet" href="css/keyframes.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        ol li,
        ul li {
            list-style: none;
        }

        html,
        body {
            width: 100%;
            height: 100%;
        }

        @media screen and (min-width: 1400px) {
            html {
                font-size: 14px;
            }
        }


        .relative {
            position: relative;
        }

        .absolute {
            position: absolute;
        }

        .noselect {
            -webkit-touch-callout: none;
            /* iOS Safari */
            -webkit-user-select: none;
            /* Chrome/Safari/Opera */
            -khtml-user-select: none;
            /* Konqueror */
            -moz-user-select: none;
            /* Firefox */
            -ms-user-select: none;
            /* Internet Explorer/Edge */
            user-select: none;
            /* Non-prefixed version, currently not supported by any browser */
        }

        header {
            height: 6.64rem;
            width: 100%;
            background: url('image/topbg.png')
        }

        header h2 {
            margin-top: 0;
            padding: 0 0 0 2.86rem;
            line-height: 6.64rem;
            display: inline-block;
            color: white;
            white-space: nowrap;
            margin-bottom: 0;
            font-size: 1.8rem;
        }

        header .tab {
            line-height: 6.64rem;
            color: white;
            text-align: center;
        }

        header .tab .tabTitle {
            font-size: 1.2rem;
            text-align: center;
            position: relative;
            cursor: pointer;
            /* width: 20%; */
            padding: 0 1.7rem;
        }

        header .tab .tabTitle span {
            line-height: 2.57rem;
            margin-top: 1.43rem;
            cursor: pointer;
        }

        header .tab .tabTitle.active span {
            border-bottom: 2px solid white;
        }

        header .tab .tabTitle div:last-child {
            font-size: 1rem;
            position: absolute;
            width: 100%;
            text-align: center;
            top: -12px;
            left: 0;
        }

        header .icon {
            padding-left: 6%;
        }

        header .icon li {
            float: left;
            display: inline-block;
            line-height: 6.64rem;
            cursor: pointer;
        }

        header .icon li img {
            width: 2.29rem;
        }

        header .icon li.tz span {
            width: 1.43rem;
            height: 1.43rem;
            line-height: 1.43rem;
            position: absolute;
            top: 27%;
            left: 2.8rem;
            background-color: #fff;
            color: #850b06;
            text-align: center;
            border-radius: 50%;
            font-size: 1rem;
        }

        @media screen and (min-width:1400px) {
            header .icon li.tz span {
                left: 2.5rem;
            }
        }

        main {
            width: 100%;
        }

        main .contain {
            margin: 0 auto;
            width: 75%;
            white-space: nowrap;
            overflow: hidden;
        }

        @media screen and (min-width:1400px) {
            main .contain {
                margin-top: 7.14rem;
            }
        }

        main .contain img {
            width: 10rem;
            height: 10rem;
        }

        @media screen and (max-width:1400px) {
            main .contain img {
                width: 9rem;
                height: 9rem;
            }
        }


        /*main .contain li:hover img {
            position: relative;
            animation: jug 1s ease-in-out;
        }*/

        @keyframes jug {
            0% {
                top: 0;
                transform: rotateY(0deg)
            }
            50% {
                top: -40px;
                transform: rotateY(180deg)
            }
            100% {
                top: 0;
                transform: rotateY(360deg)
            }
        }

        main .contain li {
            float: left;
            text-align: center;
        }

        main .contain li {
            margin-top: 4.79rem;
        }

        main .contain li span {
            width: 100%;
            display: inline-block;
            line-height: 6.21rem;
            font-size: 1rem;
            color: #333;
            font-weight: 600;
        }

        footer {
            margin-top: 1.43rem;
        }

        footer p {
            font-weight: 600;
            text-align: center;
            font-size: 1rem;
        }

        .twenty {
            width: 20%;
        }

        .thirty {
            width: 16.66%;
        }
    </style>
</head>

<body>
    <header>
        <h2 class="col-lg-2 col-md-2">投资计划管理信息系统</h2>
        <div class="tab col-lg-7 col-md-7">
            <span class="tabTitle active wn none" data-index='' data-type='wn'>
                <span>五年规划</span>
            </span>
            <span class="tabTitle jy none" data-index='' data-type='jy'>
                <span>部级投资计划</span>
                <div>(暨三年滚动计划)</div>
            </span>
            <span class="tabTitle sj none" data-index='' data-type='sj'>
                <span>省级政府投资计划</span>
            </span>
            <span class="tabTitle jt none" data-index='' data-type='jt'>
                <span>全省交通建设计划</span>
            </span>
            <span class="tabTitle nc none" data-index='' data-type='nc'>
                <span>农村公路</span>
            </span>
            <span class="tabTitle zh" data-index='' data-type='zh'>
                <span>综合查询统计</span>
            </span>
        </div>
        <ol class="icon col-lg-3 col-md-3">
            <li class="tz col-lg-4 col-md-4 col-md-4">
                <a href="page/tz.html">
                    <image src="image/info.png"></image>
                    <span></span>
                </a>
            </li>
            <li class="gl col-lg-4 col-md-4">
                <a href="page/manage.html">
                    <image src="image/manage.png"></image>
                </a>
            </li>
            <li class="ext col-lg-4 col-md-4">
                <image src="image/ext.png" />
            </li>
            <li class="unbind col-lg-4 col-md-4">
                <image src="image/ext.png" />
            </li>
        </ol>
    </header>
    <main class="noselect">
        <div class="contain">
            <ol class="contain_wn active0">
                <li class="cg col-lg-3 col-md-3">
                    <a href="page/xmcg.html">
                        <image src="image/cg.png"></image>
                        <span>项目成果</span>
                    </a>
                </li>
                <li class="tl col-lg-3 col-md-3">
                    <a href="page/tl.html">
                        <image src="image/tl.png"></image>
                        <span>铁路规划</span>
                    </a>
                </li>
                <li class="gs col-lg-3 col-md-3">
                    <a href="page/gs.html">
                        <image src="image/gs.png"></image>
                        <span>公路规划-高速公路</span>
                    </a>
                </li>
                <li class="gsd col-lg-3 col-md-3">
                    <a href="page/gsd.html">
                        <image src="image/gsd.png"></image>
                        <span>公路规划-国省道</span>
                    </a>
                </li>
                <li class="ncgl col-lg-3 col-md-3 twenty">
                    <a href="page/wngl.html">
                        <image src="image/nfp.png"></image>
                        <span>农村公路</span>
                    </a>
                </li>
                <li class="sl col-lg-3 col-md-3 twenty">
                    <a href="page/sy.html">
                        <image src="image/sl.png"></image>
                        <span>水运规划</span>
                    </a>
                </li>
                <li class="zc col-lg-3 col-md-3 twenty">
                    <a href="page/zc.html">
                        <image src="image/zc.png"></image>
                        <span>公路站场规划</span>
                    </a>
                </li>
                <li class="jc col-lg-3 col-md-3 twenty">
                    <a href="page/jc.html">
                        <image src="image/jc.png"></image>
                        <span>机场规划</span>
                    </a>
                </li>
                <li class="zh col-lg-3 col-md-3 twenty">
                    <a href="page/ghzh.html">
                        <image src="image/zh.png"></image>
                        <span>综合分析</span>
                    </a>
                </li>
            </ol>
            <ol class="contain_jy" style="display:none;">
                <!-- <li class="col-lg-2 col-md-2"></li> -->
                <li class="tl col-lg-3 col-md-3">
                    <a href="page/gljy.html">
                        <image src="image/gs.png"></image>
                        <span>公路建议计划</span>
                    </a>
                </li>
                <li class="gs col-lg-3 col-md-3">
                    <a href="page/syjy.html">
                        <image src="image/sl.png"></image>
                        <span>水运建议计划</span>
                    </a>
                </li>
                <!-- <li class="col-lg-2 col-md-2"></li>
                <li class="col-lg-2 col-md-2"></li> -->
                <li class="gsd col-lg-3 col-md-3">
                    <a href="page/zcxt.html">
                        <image src="image/xt.png"></image>
                        <span>支持系统建议计划</span>
                    </a>
                </li>
                <li class="zh col-lg-3 col-md-3">
                    <a href="page/bjtj.html">
                        <image src="image/zh.png"></image>
                        <span>综合分析</span>
                    </a>
                </li>
                <!-- <li class="jc col-lg-4 col-md-4">
                    <a href="page/fx.html">
                        <image src="image/fx.png"></image><span>统计分析</span></a>
                </li> -->
                <!-- <li class="bb col-lg-4 col-md-4">
                    <a href="page/sjbb.html">
                        <image src="image/sbb.png"></image><span>报表管理</span></a>
                </li> -->
            </ol>
            <ol class="contain_sj" style="display:none;">
                <li class="lw col-lg-4 col-md-4">
                    <a href="page/sjlw.html">
                        <image src="image/gs.png"></image>
                        <span>公路路网</span>
                    </a>
                </li>
                <li class="zc col-lg-4 col-md-4">
                    <a href="page/sjzc.html">
                        <image src="image/zc.png"></image>
                        <span>公路站场</span>
                    </a>
                </li>
                <li class="jy col-lg-4 col-md-4">
                    <a href="page/sjsy.html">
                        <image src="image/sl.png"></image>
                        <span>水运</span>
                    </a>
                </li>
                <li class="jc col-lg-4 col-md-4">
                    <a href="page/sjjc.html">
                        <image src="image/jc.png"></image>
                        <span>民用机场</span>
                    </a>
                </li>
                <li class="tz col-lg-4 col-md-4">
                    <a href="page/sjtz.html">
                        <image src="image/stz.png"></image>
                        <span>省本级基建项目</span>
                    </a>
                </li>
                <li class="cx col-lg-4 col-md-4">
                    <a href="page/sjcx.html">
                        <image src="image/zh.png"></image>
                        <span>综合分析</span>
                    </a>
                </li>
            </ol>
            <ol class="contain_jt" style="display:none;">
                <li class="lw col-lg-4 col-md-4 jt-item">
                    <a href="page/sjlw.html">
                        <image src="image/gs.png"></image>
                        <span>公路路网</span>
                    </a>
                </li>
                <li class="zc col-lg-4 col-md-4 jt-item">
                    <a href="page/sjzc.html">
                        <image src="image/zc.png"></image>
                        <span>公路站场</span>
                    </a>
                </li>
                <li class="jy col-lg-4 col-md-4 jt-item">
                    <a href="page/sjsy.html">
                        <image src="image/sl.png"></image>
                        <span>水运建议</span>
                    </a>
                </li>
                <li class="jc col-lg-4 col-md-4 jt-item">
                    <a href="page/sjjc.html">
                        <image src="image/jc.png"></image>
                        <span>民用机场</span>
                    </a>
                </li>
                <li class="cx col-lg-4 col-md-4 jt-item">
                    <a href="page/jtcx.html">
                        <image src="image/zh.png"></image>
                        <span>综合分析</span>
                    </a>
                </li>
                <li class="bb col-lg-4 col-md-4">
                    <a href="page/sjbb.html">
                        <image src="image/sbb.png"></image>
                        <span>报表管理</span>
                    </a>
                </li>
            </ol>
            <ol class="contain_nc" style="display:none;">
                <!--<li style="width:12.5%"></li>-->
                <li class="yh col-lg-3 col-md-3 twenty">
                    <a href="page/ncyh.html">
                        <image src="image/gs.png"></image>
                        <span style="white-space:nowrap;">乡(镇)、建制村、撤并建制村通硬化路</span>
                    </a>
                </li>
                <li class="fp col-lg-3 col-md-3 twenty">
                    <a href="page/ncfp.html">
                        <image src="image/nfp.png"></image>
                        <span>窄路基路面拓宽</span>
                    </a>
                </li>
                <li class="fp col-lg-3 col-md-3 twenty">
                    <a href="page/ncxs.html">
                        <image src="image/nfp.png"></image>
                        <span style="line-height: 2.214rem;margin-top: 1rem;">县乡道改造、连通工程、“资源路、旅游路、产业路”</span>
                    </a>
                </li>
                <li class="cd col-lg-3 col-md-3 twenty">
                    <a href="page/nccd.html">
                        <image src="image/ncd.png"></image>
                        <span>村道安全生命防护工程</span>
                    </a>
                </li>
                <li class="cd col-lg-3 col-md-3 twenty">
                    <a href="page/nccd_2.html">
                        <image src="image/ncd.png"></image>
                        <span>村道安全生命防护工程2</span>
                    </a>
                </li>
                <li class="ky col-lg-3 col-md-3 thirty">
                    <a href="page/ncky.html">
                        <image src="image/nky.png"></image>
                        <span style="line-height: 2.214rem;margin-top: 1rem;">乡(镇)客运站、建制村汽车停靠点</span>
                    </a>
                </li>
                <li class="dq col-lg-3 col-md-3 thirty">
                    <a href="page/ncdq.html">
                        <image src="image/ndq.png"></image>
                        <span>渡口改造、渡改桥</span>
                    </a>
                </li>
                <li class="dq col-lg-3 col-md-3 thirty">
                    <a href="page/ncdq_2.html">
                        <image src="image/ndq.png"></image>
                        <span>渡口改造、渡改桥2</span>
                    </a>
                </li>
                <li class="ql col-lg-3 col-md-3 thirty">
                    <a href="page/ncql.html">
                        <image src="image/nql.png"></image>
                        <span style="white-space:nowrap;">村道危桥改造、桥梁建设</span>
                    </a>
                </li>
                <li class="lw col-lg-3 col-md-3 thirty">
                    <a href="page/nclw.html">
                        <image src="image/nlw.png"></image>
                        <span>路网改善工程</span>
                    </a>
                </li>
                <li class="tj col-lg-3 col-md-3 thirty">
                    <a href="page/nctj.html">
                        <image src="image/zh.png"></image>
                        <span>综合分析</span>
                    </a>
                </li>
            </ol>
            <ol class="contain_zh">
                <div class="all-5 none">
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/ghzh.html">
                            <image src="image/wn.png"></image>
                            <span>五年规划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/bjtj.html">
                            <image src="image/bu.png"></image>
                            <span>部级投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/sjcx.html">
                            <image src="image/sj.png"></image>
                            <span>省级政府投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/jtcx.html">
                            <image src="image/jt.png"></image>
                            <span>全省交通建设计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/nctj.html">
                            <image src="image/nc.png"></image>
                            <span>农村公路</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/lnxm.html">
                            <image src="image/sbb.png"></image>
                            <span>历年项目</span>
                        </a>
                    </li>
                </div>
                <div class="all-1 none">
                    <li class="col-lg-6 col-md-6 zh-item zh-wn none">
                        <a href="page/ghzh.html">
                            <image src="image/wn.png"></image>
                            <span>五年规划</span>
                        </a>
                    </li>
                    <li class="col-lg-6 col-md-6 zh-item zh-jy none">
                        <a href="page/bjtj.html">
                            <image src="image/bu.png"></image>
                            <span>部级投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-6 col-md-6 zh-item zh-sj none">
                        <a href="page/sjcx.html">
                            <image src="image/sj.png"></image>
                            <span>省级政府投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-6 col-md-6 zh-item zh-jt none">
                        <a href="page/jtcx.html">
                            <image src="image/jt.png"></image>
                            <span>全省交通建设计划</span>
                        </a>
                    </li>
                    <li class="col-lg-6 col-md-6 zh-item zh-nc none">
                        <a href="page/nctj.html">
                            <image src="image/nc.png"></image>
                            <span>农村公路</span>
                        </a>
                    </li>
                    <li class="col-lg-6 col-md-6 zh-item">
                        <a href="page/lnxm.html">
                            <image src="image/sbb.png"></image>
                            <span>历年项目</span>
                        </a>
                    </li>
                </div>
                <div class="all-2 none">
                    <li class="col-lg-4 col-md-4 zh-item zh-wn none">
                        <a href="page/ghzh.html">
                            <image src="image/wn.png"></image>
                            <span>五年规划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item zh-jy none">
                        <a href="page/bjtj.html">
                            <image src="image/bu.png"></image>
                            <span>部级投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item zh-sj none">
                        <a href="page/sjcx.html">
                            <image src="image/sj.png"></image>
                            <span>省级政府投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item zh-jt none">
                        <a href="page/jtcx.html">
                            <image src="image/jt.png"></image>
                            <span>全省交通建设计划</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item zh-nc none">
                        <a href="page/nctj.html">
                            <image src="image/nc.png"></image>
                            <span>农村公路</span>
                        </a>
                    </li>
                    <li class="col-lg-4 col-md-4 zh-item">
                        <a href="page/lnxm.html">
                            <image src="image/sbb.png"></image>
                            <span>历年项目</span>
                        </a>
                    </li>
                </div>
                <div class="all-3 none">
                    <li class="col-lg-3 col-md-3 zh-item zh-wn none">
                        <a href="page/ghzh.html">
                            <image src="image/wn.png"></image>
                            <span>五年规划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-jy none">
                        <a href="page/bjtj.html">
                            <image src="image/bu.png"></image>
                            <span>部级投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-sj none">
                        <a href="page/sjcx.html">
                            <image src="image/sj.png"></image>
                            <span>省级政府投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-jt none">
                        <a href="page/jtcx.html">
                            <image src="image/jt.png"></image>
                            <span>全省交通建设计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-nc none">
                        <a href="page/nctj.html">
                            <image src="image/nc.png"></image>
                            <span>农村公路</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item">
                        <a href="page/lnxm.html">
                            <image src="image/sbb.png"></image>
                            <span>历年项目</span>
                        </a>
                    </li>
                </div>
                <div class="all-4 none">
                    <li class="col-lg-3 col-md-3 zh-item zh-wn none twenty">
                        <a href="page/ghzh.html">
                            <image src="image/wn.png"></image>
                            <span>五年规划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-jy none twenty">
                        <a href="page/bjtj.html">
                            <image src="image/bu.png"></image>
                            <span>部级投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-sj none twenty">
                        <a href="page/sjcx.html">
                            <image src="image/sj.png"></image>
                            <span>省级政府投资计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-jt none twenty">
                        <a href="page/jtcx.html">
                            <image src="image/jt.png"></image>
                            <span>全省交通建设计划</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item zh-nc none twenty">
                        <a href="page/nctj.html">
                            <image src="image/nc.png"></image>
                            <span>农村公路</span>
                        </a>
                    </li>
                    <li class="col-lg-3 col-md-3 zh-item twenty">
                        <a href="page/lnxm.html">
                            <image src="image/sbb.png"></image>
                            <span>历年项目</span>
                        </a>
                    </li>
                </div>
            </ol>
        </div>
    </main>
    <footer>
        <p>联系方式：
            <i>13336060513(史慧)</i>
        </p>
        <p>qq群：
            <i>583288649(投资计划系统讨论组)</i>
        </p>
    </footer>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/index.js?time=2017-06-07"></script>
    <script>
        var modalRight = localStorage.getItem('modal_right');
        if (modalRight != '' && modalRight != undefined) {
            var modalArr = modalRight == 'all' ? ['wn', 'jy', 'sj', 'jt', 'nc'] : modalRight.split(',');
            $('.all-' + modalArr.length).removeClass('none');
            for (var a = 0; a < modalArr.length; a++) {
                $('.all-' + modalArr.length + ' .zh-' + modalArr[a]).removeClass('none');
                if (modalArr[0] == 'wn') {
                    $('.' + modalArr[a]).attr('data-index', a).removeClass('none');  //tabTitle
                    $('.contain_' + modalArr[a]).show();  //modal
                    if (a == 0) {
                        $('.' + modalArr[a]).addClass('active');
                    }
                } else {
                    $('.contain_wn').css('opacity', '0').removeClass('active0').addClass('active1');
                    $('.' + modalArr[a]).attr('data-index', parseInt(a + 1)).removeClass('none');  //tabTitle
                    if (a == 0) {
                        $('.' + modalArr[a]).addClass('active');
                    }
                    $('.contain_' + modalArr[a]).show();  //modal
                }
            }
            modalArr[0] == 'wn' ? $('.zh').attr('data-index', modalArr.length) : $('.zh').attr('data-index', parseInt(modalArr.length) + 1);
        } else {
            $('.tabTitle').removeClass('none');
            $('.wn').addClass('active').siblings().removeClass('active');
            $('.contain_wn').attr('class', 'contain_wn active0');
            $('.tabTitle').each(function (i) {
                $(this).attr('data-index', i);
            });
            $('.contain ol').show();
            $('.all-5').removeClass('none');
        }


        $('.tabTitle').on('click', function () {
            sessionStorage.setItem('activeIndex', $(this).attr('data-index'));
            sessionStorage.setItem('activeType', $(this).attr('data-type'));
        });

        var activeIndex = sessionStorage.getItem('activeIndex');
        if (activeIndex) {
            $('.' + sessionStorage.getItem('activeType')).addClass('active').siblings().removeClass('active');
            $('main .contain .contain_wn').attr('class', 'contain_wn');
            $('main .contain .contain_wn').addClass('active' + activeIndex);
            // sessionStorage.clear();
        }

        $('.tz').on('click', function () {
            localStorage.setItem('btnId', 'tz');
        })
        $('.gl').on('click', function () {
            localStorage.setItem('btnId', 'gl');
        });
        localStorage.getItem('user_name') == 'admin' ? $('.gl').show() : $('.gl').hide();
        if (!!localStorage.getItem('bpUserID')) {
            $('.ext').hide();
        } else {
            $('.unbind').hide();
        }
        $('.zh-item').on('click', function () {
            localStorage.setItem('item', '综合查询统计');
            localStorage.setItem('item_name', $(this).find('span').html());
        })

        $('.jt-item').on('click', function () {
            localStorage.setItem('item', '全省交通建设计划');
            localStorage.setItem('item_name', $(this).find('span').html());
        });

    </script>
</body>

</html>